$(document).ready(function () {
    $('#shuffle').click(shuffle);
});


function shuffle() {
    $('.card').css({
        left: 100,
        position: 'absolute',
        top: 100
    });

    return false;
}

function get_poker_js(num, color) {
    num_show = num
    show_color = "`+ show_color +`"
    switch (num) {
        case 11:
            num_show = "J"
        case 12:
            num_show = "Q"
        case 13:
            num_show = "K"
        case 1:
            num_show = "A"
    }
    switch (color) {
        case 1:
            show_color = "&#9829;"
        case 2:
            show_color = "&#9830;"
        case 3:
            show_color = "&#9824;"
        case 4:
            show_color = "&#9827;"
    }
    switch (num) {
        case 2:
            return `<div class="card two">
            <div class="front">
                <div class="corner top">
                <span class="number">` + num_show + `</span>
                <span>` + show_color + `</span>
                </div>

                <span class="suit top_center">` + show_color + `</span>
                <span class="suit bottom_center">` + show_color + `</span>

                <div class="corner bottom">
                <span class="number">` + num_show + `</span>
                <span>` + show_color + `</span>
                </div>
            </div>
            
            <div class="back"> 
                
            </div>
            </div>`;
        case 3:
            return `<div class="card three">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit top_center">` + show_color + `</span>
          <span class="suit middle_center">` + show_color + `</span>
          <span class="suit bottom_center">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>`
        case 4:
            return `<div class="card four">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit top_left">` + show_color + `</span>
          <span class="suit top_right">` + show_color + `</span>
          <span class="suit bottom_left">` + show_color + `</span>
          <span class="suit bottom_right">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>`
        case 5:
            return `<div class="card five">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit top_left">` + show_color + `</span>
          <span class="suit top_right">` + show_color + `</span>
          <span class="suit middle_center">` + show_color + `</span>
          <span class="suit bottom_left">` + show_color + `</span>
          <span class="suit bottom_right">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>
        `
        case 6:
            return `<div class="card six">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit top_left">` + show_color + `</span>
          <span class="suit top_right">` + show_color + `</span>
          <span class="suit middle_left">` + show_color + `</span>
          <span class="suit middle_right">` + show_color + `</span>
          <span class="suit bottom_left">` + show_color + `</span>
          <span class="suit bottom_right">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>`
        case 7:
            return `<div class="card seven">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit top_left">` + show_color + `</span>
          <span class="suit top_right">` + show_color + `</span>
          <span class="suit middle_left">` + show_color + `</span>
          <span class="suit middle_top">` + show_color + `</span>
          <span class="suit middle_right">` + show_color + `</span>
          <span class="suit bottom_left">` + show_color + `</span>
          <span class="suit bottom_right">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>`
        case 8:
            return `<div class="card eight">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit top_left">` + show_color + `</span>
          <span class="suit top_right">` + show_color + `</span>
          <span class="suit middle_left">` + show_color + `</span>
          <span class="suit middle_top">` + show_color + `</span>
          <span class="suit middle_right">` + show_color + `</span>
          <span class="suit middle_bottom">` + show_color + `</span>
          <span class="suit bottom_left">` + show_color + `</span>
          <span class="suit bottom_right">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>`
        case 9:
            return `<div class="card nine">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit top_left">` + show_color + `</span>
          <span class="suit top_right">` + show_color + `</span>
          
          <span class="suit middle_top_left">` + show_color + `</span>
          <span class="suit middle_center">` + show_color + `</span>
          <span class="suit middle_top_right">` + show_color + `</span>
          <span class="suit bottom_left">` + show_color + `</span>
          <span class="suit bottom_right">` + show_color + `</span>
          <span class="suit middle_bottom_left">` + show_color + `</span>
          <span class="suit middle_bottom_right">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>`
        case 10:
            return `<div class="card ten">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit top_left">` + show_color + `</span>
          <span class="suit top_right">` + show_color + `</span>
          
          <span class="suit middle_top_left">` + show_color + `</span>
          <span class="suit middle_top_center">` + show_color + `</span>
          <span class="suit middle_top_right">` + show_color + `</span>
          <span class="suit bottom_left">` + show_color + `</span>
          <span class="suit bottom_right">` + show_color + `</span>
          <span class="suit middle_bottom_center">` + show_color + `</span>
          <span class="suit middle_bottom_left">` + show_color + `</span>
          <span class="suit middle_bottom_right">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>`
        case 11:
            return `<div class="card jack">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit middle_center">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>`
        case 12:
            return `<div class="card queen">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit middle_center">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>`
        case 13:
            return `<div class="card king">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit middle_center">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>`
        case 1:
            return `<div class="card ace">
          <div class="corner top">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
          
          <span class="suit middle_center">` + show_color + `</span>
          
          <div class="corner bottom">
            <span class="number">` + num_show + `</span>
            <span>` + show_color + `</span>
          </div>
        </div>`

    }
}























}